<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:body>

	<f:view>
		<ui:composition template="WEB-INF/templates/template.xhtml">
			
			
	<!-- Um den großen lila Hintergrund erscheinen zu lassen -->
	<ui:define name="lilabg">
	<div id="lilabg">
		&nbsp;
	</div>
	</ui:define>
		    
		    
		    
		    
		    
		    
		    <ui:define name="content">
		    
		      <!-- SLIDER -->
  <!-- The Orbit slider is initialized at the bottom of the page by calling .orbit() on #slider -->

  <div class="row">
    <div class="twelve columns" style="z-index:3;">
    <div id="sliderwrapper">
      <div id="slider">
        <img src="img/dummy/wall5.jpg" />
        <img src="img/dummy/wall13.jpg" />
        <img src="img/dummy/wall4.jpg" />
      </div>
      <div id="sliderbg">&nbsp;</div>
      <div id="sliderbg2">&nbsp;</div>
    </div>
      <hr />
    </div>
  </div>


  <!-- Three-up Content Blocks -->

  <div class="row secondRow">

    <div class="four columns">
      <h3>Die Schoene und das Biest</h3>
      <img src="img/dummy/pic5.jpg" class="border" />
      <h4>Fr, 21. Dezember 2012, Stadthalle Wien</h4>
      <p>Das weltbekannt Musical in Starbesetztung.</p>
    </div>

    <div class="four columns">
      <h3>Semino Rossi Live</h3>
      <img src="img/dummy/pic13.jpg" class="border"  />
      <h4>Sa, 9. Maerz 2013, Schwarzl Freizeitzentrum</h4>
      <p>Ein Pflichttermin fuer alle Semino Rossi Fans! Das einzige oestereische Livekonzert des beliebten Stars 2013!</p>
    </div>

    <div class="four columns">
      <h3>Michael Jackson</h3>
      <img src="img/dummy/pic4.jpg" class="border"  />
      <h4>Do, 20. Dezember 2012, Stadthalle Wien</h4>
      <p>Live aus dem Jenseits ... ein einmaliges Event!</p>
    </div>

  </div>

<hr />

  <!-- EVENTS -->

  <div class="row eventslist">

   <div class="four columns">
    <h2>Top Bauernfestl</h2>
      <!--  one Event -->
      <div class="row event">
      	<div class="three columns eventimg">
        	<a href="event.xhtml?id=9"><img src="img/dummy/event9.jpg" /></a>
      	</div>
      	<div class="nine columns eventinfo">
        	<h4><a href="event.xhtml?id=9">Preisschnapsen</a></h4>
        	<p>Messen sie sich mit anderem im ersten preisschnapfen der Pfarrgemeinde Hinterlobmining 2013!</p>
      	</div>
      </div><!-- END one Event -->
      
      <!--  one Event -->
      <div class="row event">
      	<div class="three columns eventimg">
        	<a href="event.xhtml?id=10"><img src="img/dummy/event10.jpg" /></a>
      	</div>
      	<div class="nine columns eventinfo">
        	<h4><a href="event.xhtml?id=10">Da Hias hot's drauf</a></h4>
        	<p>Der Theoterverein Mugl praesentiert sein neuestes Meisterstueck!</p>
      	</div>
      </div><!-- END one Event -->
    
    </div>

    <div class="four columns">
    <h2>Kommende Events</h2>
      <!--  one Event -->
      <div class="row event">
      	<div class="three columns eventimg">
        	<a href="event.xhtml?id=3"><img src="img/dummy/event10.jpg" /></a>
      	</div>
      	<div class="nine columns eventinfo">
        	<h4><a href="event.xhtml?id=3">Es wiad schu glei dumpa</a></h4>
        	<p>Ein netter Abend mit dem Singkreis der Pfarre.</p>
      	</div>
      </div><!-- END one Event -->


      <!--  one Event -->
      <div class="row event">
      	<div class="three columns eventimg">
        	<a href="event.xhtml?id=4"><img src="img/dummy/event4.jpg" /></a>
      	</div>
      	<div class="nine columns eventinfo">
        	<h4><a href="event.xhtml?id=4">Michael Jackson</a></h4>
        	<p>Live aus dem Jenseits ... ein einmaliges Event!</p>
      	</div>
      </div><!-- END one Event -->
      
      
    </div>

    <div class="four columns">
    <h2>Irgendwas drittes</h2>
      <!--  one Event -->
      <div class="row event">
      	<div class="three columns eventimg">
        	<a href="event.xhtml?id=11"><img src="img/dummy/event11.jpg" /></a>
      	</div>
      	<div class="nine columns eventinfo">
        	<h4><a href="event.xhtml?id=11">FH-Party</a></h4>
        	<p>Der Wahnsinn geht weiter - let's start the party!</p>
      	</div>
      </div><!-- END one Event -->

      <!--  one Event -->
      <div class="row event">
      	<div class="three columns eventimg">
        	<a href="event.xhtml?id=12"><img src="img/dummy/event12.jpg" /></a>
      	</div>
      	<div class="nine columns eventinfo">
        	<h4><a href="event.xhtml?id=12">FH-Party - the next generation</a></h4>
        	<p>party hard - party loud - party extrem</p>
      	</div>
      </div><!-- END one Event -->
      
    </div>
    
  </div>




  <!-- Call to Action Panel -->
  <!--
  <div class="row">
    <div class="twelve columns">

      <div class="panel">
        <h4>Get in touch!</h4>

        <div class="row">
          <div class="nine columns">
            <p>We'd love to hear from you, you attractive person you.</p>
          </div>
          <div class="three columns">
            <a href="#" class="radius button right">Contact Us</a>
          </div>
        </div>
      </div>

    </div>
  </div>
  -->
		    
		    </ui:define>
		    
		    
		    
		    
		    
		    
		    
		    <!-- Um das Menü im Footer zu ändern -->
		    <!-- <ui:define name="footer">
		    	blah
		    </ui:define>-->
		    
		    
		    
		    <!--  Für JS-Scripts die für eine Seite benötigt werden -->
		    <ui:define name="scripts">
		    <script type="text/javascript">
		    $(window).load(function() {
            	$('#slider').orbit();
        	});
		    </script>
		    </ui:define>
    
	    </ui:composition>
	</f:view>

</h:body>
</html>
